<!DOCTYPE HTML>
<html>
	<head>
		<title>
			Stalk2Inspire
		</title>
		<link rel="stylesheet" href="<?php echo base_url();?>/css/themes/default/default.css" media="screen">
		<link rel="stylesheet" href="<?php echo base_url();?>/css/nivo-slider.css" media="screen">
		<link rel="stylesheet" href="<?php echo base_url();?>/css/bootstrap.css">
		<script src="<?php echo base_url()?>js/jquery.js"></script>
		<script src="<?php echo base_url()?>js/jquery.nivo.slider.pack.js"></script>
		
		
		<style>
		#top{
		height: 200px;
		background:url(<?php echo base_url();?>img/app/topbar.jpg) repeat-x;

		}
		#mid{
		background : #e0f6f4;
		height: 500px;
		
		}
		#topgrad{
		background: url(<?php echo base_url();?>img/app/gradien.jpg) no-repeat top center;
		height:185px;
		
		}
		#logo{
		margin-top:20px;
		
		}
		#botbar{
		height:150px;
		background:url(<?php echo base_url();?>img/app/bottom.jpg) repeat-x;
		
		}
		#loginboxtop{
		margin-top:25px;
		color: white;
		
		}
		.box{
		border-right: 1px groove #fff;
		height:80px;
		}
		.board{
		background: url(<?php echo base_url();?>img/app/board.jpg) no-repeat;
		height: 400px;
		padding: 15px;
		padding-left : 17px;
		}
		#navslide{
		height:80px;
		border-radius:5px;
		background:red;
		
		}
		.nivoSlider {
    position:relative;
    width:820px; /* Change this to your images width */
    height:375px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
		</style>
	</head>
	<body>
	<div id="top">
	<div id="topgrad">
	<div class="container">
	<div class="row">
	<div class="span4 offset5" id="logo">
	<a href="<?php echo base_url();?>"><img src="<?php echo base_url()?>img/app/logo.png"></a>
	</div>
	</div>
	<div class="row">
	<div class="span5 offset11" id="loginboxtop">
	Login atau <a href="<?php echo base_url()?>signup">sign up</a><br>
	<form method="post" action="auth/login">
						<input type="text" name="username" placeholder="Username" class="span2">
						<input type="password" name="password" placeholder="password" class="span2">
						<input type="submit" class="btn primary"  value="Login">
						</form>
	
	</div>
	</div>
	</div>
	</div>
</div>	
	<div id="mid">
	<div class="container">
	<div class="row">
	<br>
	<div class="span15 offset1 board">
	<div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
	<div id="slider" class="nivoSlider">
    <img src="<?php echo base_url()?>img/app/get-involved.jpg" width="800px" height="300px">
	</div>
    
</div>
	
	</div>
	</div>
	
	
	</div>
	<div id="botbar">
	<div class="container">
	<div class="row" style="margin-top:30px;">
	<div class="span2 box">
	<strong><a href="<?php echo base_url()?>">Home</a></strong>
	</div>
	<div class="span3 box">
	<strong><a href="<?php echo base_url()?>">About Us</a></strong>
	<ul >
	<li><a href="<?php echo base_url()?>">Gerakan kami</a></li>
	<li><a href="<?php echo base_url()?>">Founder</a></li>
	<li><a href="<?php echo base_url()?>">News</a></li>
	</ul>
	</div>
	<div class="span2">
	<ul>
	<li><a href="<?php echo base_url()?>">Contact Us</a></li>
	<li><a href="<?php echo base_url()?>">TOC</a></li>
	<li><a href="<?php echo base_url()?>">Privacy</a></li>
	</ul>
	</div>
	</div>
	
	</div>
	</div>
	
	<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>
	</body>
</html>
